<template>
  <div class="child">
    <h3>我是子组件 (子)</h3>
    <Sun />
  </div>
</template>
  
  <script>
import { inject } from "vue";
import Sun from "./Sun.vue";
export default {
  name: "Child",
  components: {
    Sun,
  },
  setup() {
    return {}
  },
};
</script>
  
  <style>
.child {
  background-color: pink;
  padding: 20px;
}
</style>
  